/* CSS Document */

@media (max-width:1200px) {
	
	
}

@media( max-width:1024px){
	.user{ margin-left: 23px;}
	
	
}

@media (max-width:991px) {
	.navbar-toggle{display:block; margin:0; padding-right:0; padding:38px 0;}
	.navbar-toggle .icon-bar{width:30px; height:4px;background:#FFFFFF;}
	.navbar-toggle .icon-bar+.icon-bar{ margin-top:6px;}
	.top-head .sjdnav{ width:140px; position:absolute; right:10px; top:102px; z-index:999 !important; max-width:100%; display:none;}
	.top-head .sjdnav ul{ margin:0; padding:0;}
	.top-head .sjdnav li{display:block; padding:0; text-align:center; margin-bottom:1px; background:#1b6dbf;}
	.top-head .sjdnav .acta{color:#fff; background:#0a56a3;}
	.top-head .sjdnav li a{display:block; color:#fff; line-height:40px; font-size:14px;}
	.top-logo{ padding-right:15px;}


	.mainRight{ padding: 0; width: 100%;}
	.mrhtop{ margin-top: 10px; line-height: 35px;}
	.mainLeft{ width: 100%;}
	.itemtit{ letter-spacing: 1px; position: relative; text-align: center; padding: 0; font-size: 24px; line-height: 50px; font-weight: normal;}
	.itemtit span{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer;}
	.itemtit i, .itemtit b{ display: none;}
	.mainLsit{ display: none;}
	.mainLsit li a{ padding: 0; text-align: center; font-size: 14px; }


	.profile-Img{ width: 100%; padding: 0; margin: 0;}
	.profile-txt{ width: 100%; padding: 0; margin-top: 15px;}
	.profile-txt .btn{ margin-top: 15px;}
	
	
}


@media (max-width:768px) {
	.footer{ margin-bottom: 56px;}
	.ys-list{ width: 100% !important;}
	.swiper-prowrap a{border: 1px solid #c6e1fa; padding: 1px;}
	.swiper-prowrap .probox{ padding: 2px;}
	.swiper-prowrap .probox .proImg{ width: 110px;}
	.swiper-prowrap .probox .proTxt{ height: 110px;}
	.pTab li a{ font-size: 14px; line-height: 32px; width: 130px; border: 1px solid #62b1ff;}
	.online{ padding: 0;}
	.mgForm{ margin-top: 10px;}
	.wrap6 h3{ font-size: 22px;}
	.wrap6 h3 span{ top: 0;}
	
}

 @media (max-width:640px) {
 	.swiper-prowrap .probox .proImg{ width: 140px;}
	.swiper-prowrap .probox .proTxt{ height: 140px;}
 	.li02 .li02-txt p{ font-size: 14px; height: 50px;}
 	.li02 .li02-txt span{ font-size: 12px;}
 	.li02 .li02-img{ height: 110px; width: 170px; border: 1px solid #c6e1fa; }
 	.li02 .li02-txt{ padding-left: 10px;}
 	.li02 .li02-txt h3{ font-size: 16px;}
 	.li02 .li02-txt p{ margin: 5px 0;}
}

 @media (max-width:540px) {	 
 	.navbar-toggle{ padding: 28px 0;}	
 	.top-head .sjdnav{ top: 82px;}
 	.ys-list h3{ font-size: 20px; line-height: 20px;}
 	.ys-list h3 span{ font-size: 12px; top: -1px;}
 	.ys-list{ padding: 20px 12px;}
 	.ys-list .ys-txt{ margin-top: 10px;}

	.abTab li{ width: 30%; float: left; font-size: 14px; line-height: 36px; }

}

 @media (max-width:450px) {
 	.navbar-toggle{ padding: 22px 0;}	
 	.top-head .sjdnav{ top: 72px;}
 	.navbar-toggle .icon-bar{ margin-top: 5px; width: 28px; height: 3px; }
 	.swiper-prowrap .probox .proImg{ width: 110px;}
	.swiper-prowrap .probox .proTxt{ height: 110px;}
 	.mgForm label{ width: 100%; float: none; line-height: 30px;}
	.mgForm .measg{ width: 100%;}
	.mgForm .form-control{ height: 35px;}
	.mgForm .form-group:last-child label{ display: none;}
	.mgForm textarea.form-control{ height: auto;}
	.index-tit h3{ font-size: 24px; line-height: 30px;}
	.index-tit p{ font-size: 12px; line-height: 20px;}
	.pTab li{ float: none; display: inline-block; margin: 2px;}
	.pTab li a{ width: 123px;}
	.swiper-pro2 h3{ font-size: 13px; line-height: 30px;}
	.quality{padding: 29px 14px 0;}
	.quality p{ margin-top: 15px; font-size: 16px; font-weight: normal;}
	.quality h3{ font-size: 24px;}
	.quality span{ font-size: 12px; line-height: 20px; font-weight: normal;}
	.swiper-new h3{ font-size: 16px; margin-top: 10px;}
	.swiper-new p{ margin: 5px 0;}
	
	.itemtit{ font-size: 21px; line-height: 45px;}
	.mainLsit li a{ line-height: 40px;}
	.mainLsit{ margin-top: 3px;}
	.li01{ padding: 5px;}
	.li01 h3{ line-height: 30px; font-size: 13px;}
	
	.li02{ margin-bottom: 12px;}
	.li02 .li02-img{ width: 115px; height: 90px;}
	.li02 .li02-txt p{ margin: 0; line-height: 20px; height: 40px; font-size: 12px;}
	.li02 .li02-txt h3{ font-size: 14px;}

}
 

 @media (max-width:415px) {	
 	.navbar-toggle{ padding: 18px 0;}	
 	.top-head .sjdnav{ top: 64px;}
 	.swiper-prowrap .probox .proTxt .pro-t1 p{ font-size: 18px; line-height: 20px; padding-left: 8px;}
 	.swiper-prowrap .probox .proTxt .pro-t1 img{ top: -5px; max-height: 40px;}
 	.swiper-prowrap .probox .proImg{ width: 100px;}
	.swiper-prowrap .probox .proTxt{ height: 100px;}
 	
}
 @media (max-width:350px) {
 	.swiper-prowrap .probox .proImg{ width: 90px;}
	.swiper-prowrap .probox .proTxt{ height: 90px;}
	.swiper-prowrap .probox .proTxt .pro-t1 img{ max-height: 30px; top: 0;}
	
 	
 	
	
}
 @media (max-width:320px) { 
	
	
	
 }